<!DOCTYPE html>
<html>
<head>
	<title>text</title>
	<link rel="stylesheet" type="text/css" href="./css/style.css">
</head>
<body>
	<div id="navBox">
		<div id="logo">
			<img src="./img/logo.png">
		</div>
		<div id="text">
			<span>内容分类</span>
			<ul>
				<li>现实主义</li>
				<li>抽象主义</li>
			</ul>
		</div>
		<div id="operate">
			<dl>
				<dd><a  href="#" value="登录">登录</a></dd>
				<dd><a  href="#" value="注册">注册</a></dd>
			</dl>
		</div>
	</div>
	<div id="picBox">
		<img src="./img/welcome.png">
	</div>
	<div id="cantainerBox">
		<div class="product">
			<img src="./img/wumingnvlang.jpg">
			<ul>
				<li>无名女郎</li>
				<li><p>图片描述可以分为多种，一种是单一说明，就比如直接的告诉看图者这篇文 章是要介绍什么样子的内容，一些配图可以分为含蓄类型的，这样的配图一般会 图片描述可以分为多种.</p></li>
				<li><span>￥5800</span></li>
				<li><img src="./img/cart.jpg"></li>
			</ul>
		</div>
		<div class="product">
			<img src="./img/wumingnvlang.jpg">
			<ul>
				<li>无名女郎</li>
				<li><p>图片描述可以分为多种，一种是单一说明，就比如直接的告诉看图者这篇文 章是要介绍什么样子的内容，一些配图可以分为含蓄类型的，这样的配图一般会 图片描述可以分为多种.</p></li>
				<li><span>￥5800</span></li>
				<li><img src="./img/cart.jpg"></li>
			</ul>
		</div>
		<div class="product">
			<img src="./img/wumingnvlang.jpg">
			<ul>
				<li>无名女郎</li>
				<li><p>图片描述可以分为多种，一种是单一说明，就比如直接的告诉看图者这篇文 章是要介绍什么样子的内容，一些配图可以分为含蓄类型的，这样的配图一般会 图片描述可以分为多种.</p></li>
				<li><span>￥5800</span></li>
				<li><img src="./img/cart.jpg"></li>
			</ul>
		</div>
		<div class="product">
			<img src="./img/wumingnvlang.jpg">
			<ul>
				<li>无名女郎</li>
				<li><p>图片描述可以分为多种，一种是单一说明，就比如直接的告诉看图者这篇文 章是要介绍什么样子的内容，一些配图可以分为含蓄类型的，这样的配图一般会 图片描述可以分为多种.</p></li>
				<li><span>￥5800</span></li>
				<li><img src="./img/cart.jpg"></li>
			</ul>
		</div>
		<div class="product">
			<img src="./img/wumingnvlang.jpg">
			<ul>
				<li>无名女郎</li>
				<li><p>图片描述可以分为多种，一种是单一说明，就比如直接的告诉看图者这篇文 章是要介绍什么样子的内容，一些配图可以分为含蓄类型的，这样的配图一般会 图片描述可以分为多种.</p></li>
				<li><span>￥5800</span></li>
				<li><img src="./img/cart.jpg"></li>
			</ul>
		</div>
		<div class="product">
			<img src="./img/wumingnvlang.jpg">
			<ul>
				<li>无名女郎</li>
				<li><p>图片描述可以分为多种，一种是单一说明，就比如直接的告诉看图者这篇文 章是要介绍什么样子的内容，一些配图可以分为含蓄类型的，这样的配图一般会 图片描述可以分为多种.</p></li>
				<li><span>￥5800</span></li>
				<li><img src="./img/cart.jpg"></li>
			</ul>
		</div>
		<div class="product">
			<img src="./img/wumingnvlang.jpg">
			<ul>
				<li>无名女郎</li>
				<li><p>图片描述可以分为多种，一种是单一说明，就比如直接的告诉看图者这篇文 章是要介绍什么样子的内容，一些配图可以分为含蓄类型的，这样的配图一般会 图片描述可以分为多种.</p></li>
				<li><span>￥5800</span></li>
				<li><img src="./img/cart.jpg"></li>
			</ul>
		</div>
		<div class="product">
			<img src="./img/wumingnvlang.jpg">
			<ul>
				<li>无名女郎</li>
				<li><p>图片描述可以分为多种，一种是单一说明，就比如直接的告诉看图者这篇文 章是要介绍什么样子的内容，一些配图可以分为含蓄类型的，这样的配图一般会 图片描述可以分为多种.</p></li>
				<li><span>￥5800</span></li>
				<li><img src="./img/cart.jpg"></li>
			</ul>
		</div>
		<div class="product">
			<img src="./img/wumingnvlang.jpg">
			<ul>
				<li>无名女郎</li>
				<li><p>图片描述可以分为多种，一种是单一说明，就比如直接的告诉看图者这篇文 章是要介绍什么样子的内容，一些配图可以分为含蓄类型的，这样的配图一般会 图片描述可以分为多种.</p></li>
				<li><span>￥5800</span></li>
				<li><img src="./img/cart.jpg"></li>
			</ul>
		</div>

	</div>

	<footer>M-GALLARY©2020 POWERED BY IMOOC.INC</footer>
</body>
</html>